<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <title></title>
</head>
<body>
<header class="header">
    <div class="head_photo">
        <img src="images/age.png" alt=""/>
    </div>
    <div class="head_p">
        <p>Write Less  Do More</p>
    </div>
    <ul class="nav">
        <li><a href="#">我就是我</a></li>
        <li><a href="#">颜色不一样的烟火</a></li>
        <li><a href="#">阳光太闪烁</a></li>
        <li><a href="#">盛开的赤裸裸</a></li>
    </ul>
</header>

<!--message-->
<div id="message">
    <div class="section one">
        <div class="ab_content w">
            <div class="ab_cont_photo">
                <img src="images/Minions.jpg" alt=""/>
            </div>
            <p class="ab_tex">始生太极,太极生两仪,两仪生四象,四象生八卦</p>
            <div class="ab_link"></div>
            <div class="ab_cont_p">
                <p>周 亚 龙</p>
                <p>2 6</p>
                <p>一个前段工程师</p>
                <p>15515533605@126.com</p>
            </div>
        </div>
    </div>
    <div class="section two">
        <div class="myself w">
            <div class="my_top">
                <h1>我就是我</h1>
                <div class="my_line"></div>
                <h3>about me</h3>
            </div>
            <div class="my_content">
               <ul>
                   <li>
                       <a href="#">
                           <img src="images/location.png" alt=""/>
                           <p>学历</p>
                           <p>小学</p>
                       </a>
                   </li>
                   <li>
                       <a href="#">
                           <img src="images/age.png" alt=""/>
                           <p>地址</p>
                           <p>河南</p>
                       </a>
                   </li>
                   <li>
                       <a href="#">
                           <img src="images/demo-link.png" alt=""/>
                           <p>年龄</p>
                           <p>18</p>
                       </a>
                   </li>
                   <li>
                       <a href="#">
                           <img src="images/education.png" alt=""/>
                           <p>状态</p>
                           <p>无业</p>
                       </a>
                   </li>
               </ul>
            </div>
            <div class="browser">
                <div class="info">
                    <p>1.0 精通Xhtml+Css制作符合W3C标准的页面.使用浏览器条件注释(if IE)区分浏览器或使用Css Hacks技术来达成兼容</p>
                    <p>2.0 熟悉标签语义化,了解HTML5中对网页的标签的语义强化,熟知W3C三层分离,H5 C3</p>
                    <p>3.0 Javascript中DOM的节点</p>
                    <p>4.0 学习嘻嘻诶看似简单卡来看待年卡神经病副科级八十多级即可北京户口</p>
                    <p>5.0 良好的学习能力,不断的自我完善,吸收各方面知识,积极钻研新出框架的结构与API.富有团队精神,能与团队配合,能够承受高强度的工作压力</p>
                </div>
                <div class="line top"></div>
                <div class="line bottom"></div>
                <div class="line left"></div>
                <div class="line right"></div>
            </div>
        </div>
    </div>
    <div class="section three">
        <div class="skill w">
            <div class="my_top">
                <h1>我就是我</h1>
                <div class="my_line"></div>
                <h3>about me</h3>
            </div>
            <div class="skill_content">
                <ul>
                    <li>
                        <a href=""><img src="images/js.png" alt=""/></a>
                        <p>javascript</p>
                        <span></span>
                        <div class="skill_info">

                        </div>
                    </li>
                    <li>
                        <a href=""><img src="images/ng.png" alt=""/></a>
                        <p>angular</p>
                        <span></span>
                        <div class="skill_info">

                        </div>
                    </li>
                    <li>
                        <a href=""><img src="images/css.png" alt=""/></a>
                        <p>css</p>
                        <span></span>
                        <div class="skill_info">

                        </div>
                    </li>
                    <li>
                        <a href=""><img src="images/html.png" alt=""/></a>
                        <p>html</p>
                        <span></span>
                        <div class="skill_info">

                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="section four">
        <div class="exp w">
            <div class="my_top">
                <h1>我就是我</h1>
                <div class="my_line"></div>
                <h3>about me</h3>
            </div>
            <div class="exp_1 exp_box">
                <div class="exp_1_title fleft">
                    <div class="exp_1_key ">
                        深圳博止咳传媒
                    </div>
                </div>

                <div class="exp_1_cont">
                   <ul>
                       <li>写代码下代码大声道 爱的</li>
                       <li>写代码下代码大声道 爱的</li>
                       <li>写代码下代码大声道 爱的</li>
                       <li>写代码下代码大声道 爱的</li>
                       <li>写代码下代码大声道 爱的</li>
                       <li>写代码下代码大声道 爱的</li>
                   </ul>
                </div>
            </div>
            <div class="exp_2 exp_box">
                <div class=" fmidd">
                    <div class="exp_1_key">
                        深圳博止咳传媒
                    </div>
                </div>

                <div class="exp_1_cont midd">
                    <ul>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                    </ul>
                </div>
            </div>
            <div class="exp_3 exp_box ">
                <div class="exp_1_title fright">
                    <div class="exp_1_key ">
                        深圳博止咳传媒
                    </div>
                </div>

                <div class="exp_1_cont mt60">
                    <ul>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                        <li>写代码下代码大声道 爱的</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="section five">
       <div class="demo w">
           <div class="my_top">
               <h1>我就是我</h1>
               <div class="my_line"></div>
               <h3>about me</h3>
           </div>

       </div>
    </div>

</div>
</body>
<script src="js/jquery-2.2.2.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/index.js"></script>
</html>